<template>
    <el-container>
        <LeftView />
        <el-container>
            <el-header>
                <HeaderView />
            </el-header>
            <NavTagsView />
            <MainView />
        </el-container>
    </el-container>
</template>

<script lang="ts" setup>
import HeaderView from '@/components/layouts/header.vue'
import LeftView from '@/components/layouts/left.vue'
import MainView from '@/components/layouts/router-view/main.vue'
import NavTagsView from '@/components/layouts/lib/navTabs.vue'
</script>
<style scoped lang="scss">
.el-container {
    height: 100%;
    .el-header {
        border-bottom: 1px solid #ccc;
        background: var(--header-bg);
    }
    .el-main {
        padding-top: 0;
        background: var(--header-bg);
        height: 100%;
    }
    .nav {
        background: var(--header-bg);
    }
}
</style>
